<template>
  <div class="block2">
   
    <mt-swipe :auto="0">
      <mt-swipe-item v-for="item in sliders" :key="item">
        <a href="#" style="position:absolute;width:100%;height:4.426667rem;">
          <img :src="item.imgSrc" alt style="position:absolute;width:100%;height:4.426667rem;" />
          <div
            class="focus-item-info-text"
            data-v-5cbacbe2
            v-text="item.title"
            style=" position: absolute; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
  bottom: 1rem;
  left: 10%; font-size: 17px;
  color: #fff;"
          ></div>
        </a>
      </mt-swipe-item>
    </mt-swipe>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      sliders: [
        {
          imgSrc: require("@/assets/img/main/8d082019769721ee8a4ac54c8205721b.jpg"),
          title:
            "五问疫情冲击：给经济带来哪些影响?五问疫情冲击：给经济带来哪些影响"
        },
        {
          imgSrc: require("@/assets/img/main/65b9089182ac9fb970c1f0f55a7e98b6.webp"),
          title: "五问疫情冲击：给经济带来哪些影响"
        },
        {
          imgSrc: require("@/assets/img/main/36182e6a89ef29a83b4a22f64ad1a584.webp"),
          title: "五问疫情冲击：给经济带来哪些影响"
        },
        {
          imgSrc: require("@/assets/img/main/96490120f1dd13957b1338f2a019be50.png"),
          title: "五问疫情冲击：给经济带来哪些影响"
        }
      ]
    };
  },
  methods: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.block2 {
  width: 100%;
  height: 4.426667rem;
}

</style>
